<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>积分系统 - 积分</title>

    <!-- Bootstrap core CSS -->
    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="style/common.css" rel="stylesheet">
    <style>
        .col-sm-6 {
            padding: 30px;
        }
    </style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">百花-积分系统</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="javascript:void(0)">积分 / 兑换</a></li>
                <li><a href="customer.html">顾客</a></li>
                <li><a href="strategy.html">兑换策略</a></li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>
<div class="container">

    <div class="row">
        <div class="col-sm-6" id="addScore">

            <h3>增加积分</h3>
            <hr>
            <form>
                <div class="form-group">
                    <label for="AddCustomerId">顾客</label>
                    <select title="选择顾客" required="required" class="selectpicker form-control" id="AddCustomerId" name="customerId"
                            data-live-search="true" data-show-subtext="true">
                    </select>

                </div>
                <div class="form-group">
                    <label for="scores">新增积分</label>
                    <input type="number" required="required" class="form-control" id="scores" name="scores"/>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary">保存</button>
                </div>
            </form>
            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <p></p>
            </div>
        </div>
        <div class="col-sm-6" id="exchange">
            <h3>兑换积分</h3>
            <hr>
            <form>
                <div class="form-group">
                    <label for="exchangeCustomerId">顾客</label>
                    <select title="选择顾客" class="selectpicker form-control" required="required" id="exchangeCustomerId" name="customerId"
                            data-live-search="true" data-show-subtext="true">
                    </select>

                </div>
                <div class="form-group">
                    <label for="strategyId">选择兑换积分</label>
                    <select title="选择兑换积分" class="form-control" required="required" id="strategyId" name="strategyId" >
                    </select>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary">保存</button>
                </div>
            </form>
            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <p></p>
            </div>
        </div>
    </div>


</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<script src="script/score.js"></script>
</body>
</html>